/*
Theme Name: Social Change
Theme URI: http://allegheny.edu
Description:  
Version: 1.0
Author: Matthew Reilly
Author URI:  
Tags: custom homepage, widgets, sidebar, full-width, customizable
	
*/

@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

strong{font-weight:bold}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

img{border:none}


.floatLeft{float:left;}
.floatRight{float:right}

img.alignright {float:right; margin:0 10px 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 10px}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 10px 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 10px}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

small{font-size:70%}

body{background:url(images/background.jpg) top center no-repeat; padding:174px 0 0}

#wrapper{width:960px; margin:0 auto; border:0px solid #CCC;}

#header{width:100%; }

#content{width:920px; min-height:300px; padding:0px 20px 60px}
#content_home{width:920px; min-height:300px; padding:10px 20px 60px}

#home_content_left{width:600px; float:left;}

#home_content_full{width:920px; float:left;}


p{color:#333; font-family:Arial, Helvetica, sans-serif; font-size:90%; line-height:150%; padding:10px 0 10px}

p a{color:#333; font-family:Arial, Helvetica, sans-serif; padding:10px 0 10px; text-decoration:underline}

p.medium{color:#333; font-family:Arial, Helvetica, sans-serif; font-size:80%; line-height:150%; padding:10px 0 10px}

p.medium a{color:#333; text-decoration:underline;}

p.medium a:hover{color:#333; text-decoration:none}



p.intro{padding:15px 0; font-size:100%; color:#333; line-height:170%;}

#imagine{padding:10px; position:relative; height:160px}

#imagine div{font-size:140%; color:#999; text-align:right; float:right; }

#home_content_right{width:260px; float:right; padding:30px 0 0 }

#home_content_right strong{font-weight:bold; color:#373737}

#home_content_right h5{ color:#0076c0; font-size:110%; text-align:right; border-bottom:1px solid #0076c0; font-weight:bold; font-family:"Myriad Pro", Arial, sans-serif}

#home_content_right p{color:#333; font-family:Arial, Helvetica, sans-serif; font-size:90%; line-height:150%; padding:10px 0 10px}

#home_content_right ul{color:#333; font-family:Arial, Helvetica, sans-serif; font-size:90%; line-height:150%; padding:10px 0 10px}

h3{width:260px; color:#333; font-size:110%;}


.ambas_profile{font-size:80%; padding:15px 0px; float:left; width:100%; overflow:hidden; margin:0;}

.ambas_profile p{font-size:90%; padding:10px 10px; line-height:160%;}

.ambas_profile h4, h4{color:#0076c0; line-height:150%; font-weight:bold; font-size:140%;}

.ambas_profile h3{color:#333; line-height:90%; font-weight:bold; font-size:130%; text-transform:uppercase; border-bottom:1px solid #999; padding-bottom:3px; width:90%;}

.ambas_profile img{color:#333; line-height:150%; margin:0 20px 20px 0; border:5px solid #CCC; float:left;}

.ambas_profile div{width:70%; float:left;}

.ambas_profile .involve{width:90%; float:left; padding-top:15px}

.home_blog_section{padding:10px 0 20px}

.home_blog_section h5{line-height:130%; font-weight:bold; color:#333; text-decoration:none;}

ul.home_recent li a{line-height:130%; font-weight:bold; color:#333; text-decoration:none;}

ul.home_recent li a:hover{text-decoration:underline;}

ul.home_recent li{display:block; padding:10px 5px;}

.home_blog_section p{line-height:130%; color:#333; padding:10px 0 0; font-size:90%;}

#splash{width:760px; height:310px; margin:0 auto; padding:6px 0 0}

ul#nav{margin:0 auto; width:688px; height:40px;}

ul#nav li{float:left;}

ul#nav li a{display:block; height:40px; text-indent:-9000px}

ul#nav li a#home{background:url(images/nav_home.gif) top center no-repeat; width:50px;}

ul#nav li a#organizers{background:url(images/nav_organizers.gif) top center no-repeat; width:106px;}

ul#nav li a#ambas{background:url(images/nav_ambas.gif) top center no-repeat; width:114px;}

ul#nav li a#events{background:url(images/nav_events.gif) top center no-repeat; width:70px;}

ul#nav li a#blog{background:url(images/nav_blog.gif) top center no-repeat; width:56px;}

ul#nav li a#involved{background:url(images/nav_involved.gif) top center no-repeat; width:116px;}

ul#nav li a#calendar{background:url(images/nav_calendar.gif) top center no-repeat; width:84px;}

ul#nav li a#resources{background:url(images/nav_resources.gif) top center no-repeat; width:96px;}

ul#nav li a#involved{background:url(images/nav_involved.gif) top center no-repeat; width:110px;}


ul#nav li a:hover#home, ul#nav li a:hover#organizers, ul#nav li a:hover#ambas, ul#nav li a:hover#events, ul#nav li a:hover#involved, ul#nav li a:hover#calendar, ul#nav li a:hover#resources, ul#nav li a:hover#blog, ul#nav li a:hover#iinvolved{background-position:bottom; }

#footer{float:left; width:960px; border-top:1px solid #CCC}

ul#footer_nav{float:left; border:0px solid #CCC; padding:0 0 15px 0 }

ul#footer_nav li{display:inline; }

ul#footer_nav li a{color:#999; text-decoration:none; font-size:80%; padding:10px; float:left; font-family: Helvetica, Arial,  sans-serif;}

ul#footer_nav li a:hover{color:#333; text-decoration:none; font-size:80%; background:#F0F0F0}

ul#home_sidebar{padding:30px 0 0 15px}

ul#home_sidebar li {padding:3px 0 3px; display:block; text-align:right; font-size:90%;  }

ul#home_sidebar li a {color:#999; text-decoration:none; }

ul#home_sidebar li a:hover {color:#999; text-decoration:underline; }


/*** set the width and height to match your images **/

#slideshow {
    position:relative;
	width:860px; 
	height:270px; 
	margin:0 auto; 
	 
}

#slideshow DIV {
    position:absolute;
    top:12px;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 270px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}


#slideshow DIV IMG, #imagine DIV IMG {
 
    display: block;
    border: 0;
    margin-bottom: 10px;
}


#imagine DIV {
    position:absolute;
    z-index:8;
    opacity:0.0;
	background:white;
	height:170px;
	right:0;
	 
}

#imagine DIV.active  {
    z-index:10;
    opacity:1.0;
}

#imagine DIV.last-active  {
    z-index:9;
}

.blog_post{padding:0 0 20px 0 }


.blog_post h4{
	color:#002c63;
	font-size:140%;
	line-height:130%;
	font-weight:bold;
	padding:15px 0 0;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	text-decoration:none;
	border:none;
}


.blog_post h4 a{
	color:#002c63;
	font-size:100%;
	line-height:130%;
	font-weight:bold;
	padding:15px 0 0;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.blog_post h4 a:hover{
	color:#416ca1;
	 
}

.blog_post_info {
	padding:4px 0 0; 
}

.blog_post_info div{
	color:#999;
	font-size:60%;
	line-height:130%;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	border:none;
	padding:0 10px 0 0;
	float:left;
}

.blog_post_info div img{
	vertical-align:bottom;
}

.blog_post_info div a{
	color:#999;
	text-decoration:none;
	 
}

.blog_post_info div a:hover{
	color:#666;
	text-decoration:none;
	 
}


.resource_box{padding:30px 10px 10px 0px; float:left; clear:both; width:95%;}

.event_box{padding:0px 0px 10px;}

.event_box a{text-decoration:none; color:#999;}

.event_box a:hover{text-decoration:underline; color:#333;}

.event_box_inner{float:left; padding:15px 0 0 0px}

.resource_box img{margin:0px 20px 10px 0; float:left; border:0px solid #CCC; }

.event_box_inner img{margin:20px 25px 15px 5px; float:left; border:0px solid #CCC; }

.resource_box ul{padding:30px 10px 0; float:left; }

.resource_box ul li{display:block; width:100%; clear:both}

.resource_box p{padding:10px 0px 0; float:left; }

.event_box_inner p{padding:20px 0px 0 5px; float:none;  }

.event_box_top{border-bottom:1px solid #CCC; padding:3px; margin:0px 0 0; font-size:80%;}

.event_box_top p{padding:10px 0px 0; float:left; }

.event_box_inner_2{  float:left; width:430px; padding: 0 10px 5px; margin:2px; font-size:80%; color:#999;}

.event_box_inner_2 p{  color:#999}

.resource_box h5{ font-size:90%; color:#666; }

.resource_box ul li{padding:10px; display:block;}

.resource_box ul li a{text-decoration:none; color:#333;}

.resource_box ul li a:hover{text-decoration:underline;}

ul#direction_list {list-style-type:none; padding:10px; font-size:75%;}

ul#direction_list li{padding:5px; display:block;}

ul#home_sidebar li .small_blue{color:#0076c0; font-size:75%;}

ul#home_sidebar li a.small_blue {color:#0076c0; text-decoration:none;}

ul#home_sidebar li a.small_blue:hover {color:#0076c0; text-decoration:underline}